<template>
  <div class="tag-container">
    <el-tag v-for="t in tagList"
            :key="t.id"
            type="info"
            class="tag"
            size="mini">{{t.tag_name}}</el-tag>
  </div>
</template>

<script>
export default {
  name: "Tags",
  props: {
    tagList: {
      type: Array,
      required: true
    }
  },
  components: {

  },
  data () {
    return {

    };
  },
  computed: {

  },
  watch: {

  },
  created () {

  },
  mounted () {

  },
  methods: {

  },
};
</script>

<style scoped>
.tag-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.tag {
  display: block;
  margin-left: 8px;
}
</style>
